<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
</head>
<style>
  body{
    margin: 0 auto;
    background-image: url("imgs/01bg.png");
    background-size: cover;/*设置封面*/
    text-align: center;

  }
  h1{
    font-size: 72px;
    /*color: #0096dc;*/
    color: rgb(130,26,125);
    margin-bottom: 0;
  }
  img{
    width: 100px;
  }
  h2{
    /*color: rgb( 38,50,32);*/

    color: #0096cc;
    font-size: 32px;
    margin-bottom: 0;
  }
</style>
<body>
<div id="app">
<h1>欢迎来到梦想商城</h1>
  <img src="https://ts1.cn.mm.bing.net/th/id/R-C.f7af77509f36933c5eb59d6234d6c544?rik=yKPp2MpHPf948A&riu=http%3a%2f%2fp1.mb5u.com%2fpng%2f04098%2f04097959.png&ehk=2w5rYB%2fWSL3QXJ%2fOLxqZpXEd6ec2oZIKoCkuGzUGfgM%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1">
  <h2>CoolSharkMall</h2>
  <el-card style="width: 600px;height: 300px; margin: 0 auto;
           background-color: rgba(255,255,255,0.3)">
    <el-form style="width: 400px; margin:50px auto">
      <el-form-item label-width="62px" label="用户名">
        <el-input type="text" placeholder="请输入用户名" v-model="user.username"></el-input>
      </el-form-item>
      <el-form-item label-width="62px" label="密码">
        <el-input type="password" placeholder="请输入密码" v-model="user.password"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" style="position: relative;right: 30px">登录</el-button>
        <el-button type="primary" style="background-color: red;position: relative;left: 60px;">注册</el-button>
      </el-form-item>

    </el-form>
  </el-card>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
  let v = new Vue({
    el: '#app',
    data: function() {
      return {
        user:{
          username:"",
          password:""
        }

      }
    },
    methods:{

    }
  })
</script>
</html>